<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@   taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html >
<html>
<head>
	<base href="<%=basePath%>">
     <meta charset="utf-8">

        <title>${blogInfo.title}</title>
　　<meta name="keywords" content="lexy,Lexyui,lexyui,lexy博客"> 
        <meta name="description" content="lexy 博客站">
        <meta name="author" content="lexy">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="plugins/v2/img/favicons/favicon.png">

        <link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-192x192.png" sizes="192x192">

        <link rel="apple-touch-icon" sizes="57x57" href="plugins/v2/img/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="plugins/v2/img/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="plugins/v2/img/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="plugins/v2/img/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="plugins/v2/img/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="plugins/v2/img/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="plugins/v2/img/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="plugins/v2/img/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="plugins/v2/img/favicons/apple-touch-icon-180x180.png">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Web fonts -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

        <!-- Bootstrap and OneUI CSS framework -->
        <link rel="stylesheet" href="plugins/v2/css/bootstrap.min.css">
        <link rel="stylesheet" id="css-main" href="plugins/v2/css/oneui.css">

        <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
        <!-- <link rel="stylesheet" id="css-theme" href="plugins/v2/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
        
        
        <style type="text/css">
        .push-10 {
		    margin-bottom: 3px !important;
		}
        
        .block-content p, .block-content .push, .block-content .block, .block-content .items-push > div {
		    margin-bottom: 10px;
		}
        
        </style>
        
    </head>
    <body>
        <!-- Page Container -->
        <!--
            Available Classes:

            'enable-cookies'             Remembers active color theme between pages (when set through color theme list)

            'sidebar-l'                  Left Sidebar and right Side Overlay
            'sidebar-r'                  Right Sidebar and left Side Overlay
            'sidebar-mini'               Mini hoverable Sidebar (> 991px)
            'sidebar-o'                  Visible Sidebar by default (> 991px)
            'sidebar-o-xs'               Visible Sidebar by default (< 992px)

            'side-overlay-hover'         Hoverable Side Overlay (> 991px)
            'side-overlay-o'             Visible Side Overlay by default (> 991px)

            'side-scroll'                Enables custom scrolling on Sidebar and Side Overlay instead of native scrolling (> 991px)

            'header-navbar-fixed'        Enables fixed header
        -->
        <div id="page-container" class="sidebar-l sidebar-mini sidebar-o side-scroll header-navbar-fixed">
            <!-- Side Overlay-->
            <jsp:include page="com/_right_sidebar.jsp"></jsp:include>
            <!-- END Side Overlay -->

            <!-- Sidebar -->
           <jsp:include page="com/_left_sidebar.jsp"></jsp:include>
            <!-- END Sidebar -->
            

            <!-- Header -->
            <jsp:include page="com/_top_tools.jsp"></jsp:include>
            <!-- END Header -->
            

            <!-- Main Container -->
            <main id="main-container">
               
                
                <!-- Page Header -->
                <div class="content bg-gray-lighter">
                    <h1 class="page-heading push">
                        Mini Sidebar <small>Mini hoverable mode enabled (screen width greater than 991px).</small>
                    </h1>
                </div>
                <!-- END Page Header -->

                <!-- Page Content -->
                <div class="content content-boxed">
                    <div class="row">
						<div class="col-md-4">
                            <a class="block block-rounded block-link-hover3" href="javascript:void(0)">
                                <div class="block-header bg-gray-lighter text-center">
                                    <h3 class="block-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于讲师</font></font></h3>
                                </div>
                                <div class="block-content block-content-full text-center">
                                    <div class="push">
                                        <img class="img-avatar" src="assets/img/avatars/avatar9.jpg" alt="">
                                    </div>
                                    <div class="font-w600 push-5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">唐纳德巴恩斯</font></font></div>
                                    <div class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">前端开发人员</font></font></div>
                                </div>
                            </a>
                        </div>
						<div class="col-md-8">
							<!-- Lesson -->
							<div class="block block-rounded">
								<div class="block-content">
								
									<h1 class="text-black text-center push-30-t push-10 animated zoomIn" data-toggle="appear" data-class="animated zoomIn">${blogInfo.title}</h1>
									<div class="text-center animated fadeInUp" data-toggle="appear" data-class="animated fadeInUp">
			                            <a class="link-effect font-s13 font-w600" href="javascript:void(0)">${blogInfo.user_name}</a>   ${blogInfo.push_time} <!-- <em>5 min</em> -->
			                        </div>
		                        
		                        
									<div class="row push-50-t push-50 nice-copy-story">
		                            	<div class="col-sm-12 ">
											${blogInfo.content}									
										</div>
									</div>
								</div>
							</div>
							<!-- END Lesson -->
						</div>
				<!--  <div class="col-md-4">
                            About Instructor
                            <a class="block block-rounded block-link-hover3" href="javascript:void(0)">
                                <div class="block-header bg-gray-lighter text-center">
                                    <h3 class="block-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于讲师</font></font></h3>
                                </div>
                                <div class="block-content block-content-full text-center">
                                    <div class="push">
                                        <img class="img-avatar" src="assets/img/avatars/avatar9.jpg" alt="">
                                    </div>
                                    <div class="font-w600 push-5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">唐纳德巴恩斯</font></font></div>
                                    <div class="text-muted"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">前端开发人员</font></font></div>
                                </div>
                            </a>
                            END About Instructor
                        </div> -->
                    </div>
                    
                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->

            <!-- Footer -->
            <jsp:include page="com/_footer.jsp"></jsp:include>
            <!-- END Footer -->
        </div>
        <!-- END Page Container -->

        <!-- Apps Modal -->
        <!-- Opens from the button in the header -->
        <div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-sm modal-dialog modal-dialog-top">
                <div class="modal-content">
                    <!-- Apps Block -->
                    <div class="block block-themed block-transparent">
                        <div class="block-header bg-primary-dark">
                            <ul class="block-options">
                                <li>
                                    <button data-dismiss="modal" type="button"><i class="si si-close"></i></button>
                                </li>
                            </ul>
                            <h3 class="block-title">Apps</h3>
                        </div>
                        <div class="block-content">
                            <div class="row text-center">
                                <div class="col-xs-6">
                                    <a class="block block-rounded" href="base_pages_dashboard.html">
                                        <div class="block-content text-white bg-default">
                                            <i class="si si-speedometer fa-2x"></i>
                                            <div class="font-w600 push-15-t push-15">Backend</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-xs-6">
                                    <a class="block block-rounded" href="frontend_home.html">
                                        <div class="block-content text-white bg-modern">
                                            <i class="si si-rocket fa-2x"></i>
                                            <div class="font-w600 push-15-t push-15">Frontend</div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END Apps Block -->
                </div>
            </div>
        </div>
        <!-- END Apps Modal -->

        <!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
        <script src="plugins/v2/js/core/jquery.min.js"></script>
        <script src="plugins/v2/js/core/bootstrap.min.js"></script>
        <script src="plugins/v2/js/core/jquery.slimscroll.min.js"></script>
        <script src="plugins/v2/js/core/jquery.scrollLock.min.js"></script>
        <script src="plugins/v2/js/core/jquery.appear.min.js"></script>
        <script src="plugins/v2/js/core/jquery.countTo.min.js"></script>
        <script src="plugins/v2/js/core/jquery.placeholder.min.js"></script>
        <script src="plugins/v2/js/core/js.cookie.min.js"></script>
        <script src="plugins/v2/js/app.js"></script>
    </body>
</html>